<!-- 设备管理列表 -->
<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="Cache-Control" content="no-cache/no-store" />
  <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
  <link rel="stylesheet" type="text/css" href="static/h-ui/css/icheck.css" />
  <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
  <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
  <link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
  <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
  <!-- easyui -->
  <link rel="stylesheet" href="html/createOrder/jquery/easyui/themes/default/easyui.css">
  <link rel="stylesheet" href="html/createOrder/jquery/easyui/themes/icon.css">
  <style>
    .input-text {
      width: 140px;
    }

    .text-l-dlf {
      display: flex;
      flex-wrap: wrap;
    }

    .text-l-dlf>div {
      height: 31px;
      line-height: 31px;
      margin-bottom: 5px;
      margin-right: 5px;
    }

    .text-l-dlf>div:last-child {
      margin-right: 0px;
    }

    .table {
      word-break: keep-all;
      white-space: nowrap;
    }

    .title {
      height: 43px;
      text-align: center;
      background-size: 176px 40px;
      background-repeat: no-repeat;
      background-color: #000;
    }

    .title span {
      color: #fff;
      font-weight: bold;
      font-size: 25px;
    }

    .title button {
      float: right;
      margin-right: 5px;
      margin-top: 5px;
    }

    .title a {
      float: right;
      margin-right: 5px;
      margin-top: 5px;
    }

  </style>
  <title>设备管理列表</title>
</head>

<body>
  <div class="title" deluminate_imagetype="png">
    <span id="company"></span>
    <a class="btn" id="loginOut" href="datav/index.html">回首页</a>
  </div>
  <audio id="audio_1" src="https://upload.shinehao.com.cn/mp3/newWorkOrder.mp3" controls hidden></audio>
  <!--主内容-->
  <div class="page-container">
    <div class="text-l-dlf">
      <div>
        设备型号:<input type="text" id="machineModel" class="input-text" style="width: 120px;">
      </div>
      <div>
        设备编号:<input type="text" id="machineSerialNo" class="input-text" style="width: 120px;">
      </div>
      <div>
        工单申请日期:<input type="text" id="outTimeStart" class="input-text Wdate" style="width: 120px;" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})">
        -
        <input type="text" id="outTimeEnd" class="input-text Wdate" style="width: 120px;" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})">
      </div>
      <div>
        客户:<input type="text" id="buyer" class="input-text" style="width: 120px;">
      </div>
      <div>
        是否收费:<select class="input-text" size="1" style='width: 120px' id="custPay">
          <option value="-99" selected>请选择</option>
          <option value="1">收费</option>
          <option value="0">不收费</option>
        </select>
      </div>
      <div>
        是否结算:<select class="input-text" size="1" style='width: 120px' id="balancePrice">
          <option value="-99" selected>请选择</option>
          <option value="1">已结算</option>
          <option value="0">待结算</option>
        </select>
      </div>
      <div>
        工单状态:<select class="input-text" size="1" style='width: 120px' id="status">
          <option value="-99" selected>请选择</option>
          <option value="-2">已退回</option>
          <!-- <option value="-1">待申请</option> -->
          <option value="0">指派中</option>
          <option value="1">处理中</option>
          <option value="2">待评价</option>
          <option value="3">处理完毕</option>
        </select>
      </div>
      <div>
        <input class="btn btn-default" type="button" value="查询" id="search">
      </div>
    </div>
  </div>
  <div id="attendanceClassDiv" class=" col-sm-12 mt-20">
    <table id="attendanceClassTable" class="table table-border  table-bg table-hover table-bordered">
      <thead>
        <tr>
          <th>设备型号</th>
          <th>设备编号</th>
          <th>客户</th>
          <th>报修人</th>
          <th>报修人联系电话</th>
          <th>故障原因</th>
          <th>错误代码</th>
          <th>用户评价</th>
          <th>维修人员</th>
          <th>是否收费</th>
          <th>工单状态</th>
          <th>申请时间</th>
          <th>指派耗时</th>
          <th>处理耗时</th>
          <th>处理位置</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody></tbody>
    </table>
  </div>
  <!-- 添加設備 -->
  <!-- <div id="addMachine-modal-demo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content radius">
			<div class="modal-header">
				<h3 class="modal-title">添加设备</h3>
				<a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
			</div>
			<div class="modal-body" style='width:80%'>
				<form action="workOrder/addConfig" method="post" class="form form-horizontal" id="form-addMachine">
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">设备型号：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" autocomplete="off" name='machineModel' placeholder="设备型号">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">设备编号：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" autocomplete="off" name='machineSerialNo' placeholder="设备编号" >
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">出厂日期：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text Wdate" autocomplete="off" name='outTime' placeholder="" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">买家：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" autocomplete="off" name='buyer' placeholder="">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">维修主管：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text"  name='serviceManager' autocomplete="off" placeholder="" class="input-text">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">维修技工：</label>
						<div class="formControls col-xs-8 col-sm-9">
							<input type="text" class="input-text" autocomplete="off" name='serviceWorker' placeholder="">
						</div>
					</div>
					<div class="row cl">
						<label class="form-label col-xs-4 col-sm-3">是否启用：</label>
						<div class="formControls col-xs-8 col-sm-9"> <span class="select-box">
							<select class="select" size="1" name="status">
								<option value="1">启用</option>
								<option value="0">禁用</option>
							</select>
							</span> </div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button class="btn btn-primary" id="addMachineSubmit">保存</button>
				<button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
			</div>
		</div>
	</div>
</div> -->
  <!-- 更新设备 -->
  <div id="updateMachine-modal-demo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content radius">
        <div class="modal-header">
          <h3 class="modal-title">工单详情</h3>
          <a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
        </div>
        <div class="modal-body" style='overflow:auto;height:70vh'>
          <form action="workOrder/updateConfig" method="post" class="form form-horizontal" id="form-updateMachine">
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">设备型号：</label>
              <div class="formControls col-xs-6 col-sm-6">
                <input type="text" class="input-text" autocomplete="off" name='id' placeholder="ID" hidden>
                <input type="text" class="input-text" autocomplete="off" name='machineModel' placeholder="设备型号">
              </div>
            </div>
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">设备编号：</label>
              <div class="formControls col-xs-6 col-sm-6">
                <input type="text" class="input-text" autocomplete="off" name='machineSerialNo' placeholder="设备编号">
              </div>
            </div>
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">报修人：</label>
              <div class="formControls col-xs-6 col-sm-6">
                <input type="text" class="input-text" autocomplete="off" name='custName'>
              </div>
            </div>
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">报修人联系电话：</label>
              <div class="formControls col-xs-6 col-sm-6">
                <input type="text" class="input-text" autocomplete="off" name='custPhone' placeholder="">
              </div>
            </div>
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">报修人补充信息：</label>
              <div class="formControls col-xs-6 col-sm-6">
                <textarea class="textarea" autocomplete="off" name='remark' placeholder=""></textarea>
              </div>
            </div>
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">用户故障部件：</label>
              <div class="formControls col-xs-6 col-sm-6">
                <textarea class="textarea" autocomplete="off" name='custBrokenPart' placeholder=""></textarea>
              </div>
            </div>
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">用户故障描述：</label>
              <div class="formControls col-xs-6 col-sm-6">
                <textarea class="textarea" autocomplete="off" name='custBrokenDescription' placeholder=""></textarea>
              </div>
            </div>
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">用户故障图片：</label>
              <div class="formControls col-xs-6 col-sm-6" id="mycustphoto">
              </div>
            </div>
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">技工：</label>
              <div class="formControls col-xs-6 col-sm-6">
                <input type="text" class="input-text" autocomplete="off" name='workName' placeholder="设备编号">
              </div>
            </div>
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">技工主管：</label>
              <div class="formControls col-xs-6 col-sm-6">
                <input type="text" class="input-text" autocomplete="off" name='workManagerName' placeholder="设备编号">
              </div>
            </div>
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">技工故障部件：</label>
              <div class="formControls col-xs-6 col-sm-6">
                <textarea class="textarea" autocomplete="off" name='workBrokenPart' placeholder=""></textarea>
              </div>
            </div>
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">技工故障描述：</label>
              <div class="formControls col-xs-6 col-sm-6">
                <textarea class="textarea" autocomplete="off" name='workBrokenDescription' placeholder=""></textarea>
              </div>
            </div>
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">技工解决方案：</label>
              <div class="formControls col-xs-6 col-sm-6">
                <textarea class="textarea" autocomplete="off" name='workBrokenSolveWay' placeholder=""></textarea>
              </div>
            </div>
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">用户评价：</label>
              <div class="formControls col-xs-6 col-sm-6">
                <textarea class="textarea" autocomplete="off" name='custEvaluation' placeholder=""></textarea>
              </div>
            </div>
            <div class="row cl">
              <label class="form-label col-xs-6 col-sm-6">用户意见：</label>
              <div class="formControls col-xs-6 col-sm-6">
                <textarea class="textarea" autocomplete="off" name='custOpinion' placeholder=""></textarea>
              </div>
            </div>

          </form>
        </div>
        <!-- <div class="modal-footer">
				<button class="btn btn-primary" id="updateMachineSubmit">更新</button>
				<button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
			</div> -->
      </div>
    </div>
  </div>
  <!-- 二维码 -->
  <div id="qrcode-modal-demo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content radius">
        <div class="modal-header">
          <h3 class="modal-title">二维码</h3>
          <a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
        </div>
        <div class="modal-body" style='width:80%'>
          <div id="qrcodeDIV" style="width:200px;height:200px"></div>
        </div>
      </div>
    </div>
  </div>
  <!-- 结算价格 -->
  <div id="settlementPrice-modal-demo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content radius">
        <div class="modal-header">
          <h3 class="modal-title">结算价格</h3>
          <a class="close" data-dismiss="modal" aria-hidden="true" href="javascript:void();">×</a>
        </div>
        <form action="workOrder/updateBalancePrice" method="post" class="form form-horizontal" id="form-balancePrice">
          <div class="modal-body" style='width:95%'>
            12312313
          </div>
        </form>
        <div class="modal-footer">
          <button class="btn btn-primary" id="updateBalancePrice">保存</button>
          <button class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
        </div>
      </div>
    </div>
  </div>
  <div id="easyui_dialog_index"></div>
  <!--_footer 作为公共模版分离出去-->
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script>
  <script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script>
  <script type="text/javascript" src="static/h-ui/js/jquery.icheck.min.js"></script>
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script>
  <script type="text/javascript" src="lib/datatables/1.10.0/dataTables.fixedColumns.min.js"></script>
  <!-- easyui -->
  <script src="https://upload.shinehao.com.cn/20180816145716jquery.easyui.min.js"></script>
  <script src="https://upload.shinehao.com.cn/20180816151727easyui-lang-zh_CN.js"></script>
  <scirpt src="html/createOrder/jquery/jquery.form.min.js"></scirpt>
  <!--/_footer 作为公共模版分离出去-->

  <!--请在下方写此页面业务相关的脚本-->
  <script src="js/plugin/jquery/jquery.qrcode.min.js"></script>
  <script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
  <script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
  <script type="text/javascript" src="https://upload.shinehao.com.cn/20180810172341echarts.common.min3.4.0.js"></script>
  <script type="text/javascript" src="myJs/echartUtil.js"></script>
  <script type="text/javascript" src="myJs/util.js"></script>
  <script type="text/javascript" src="myJs/workorderapplylist.js"></script>
</body>

</html>
